<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QQ音乐-年费专区</title>
    <link rel="shortcut icon" href="https://y.qq.com/favicon.ico?max_age=2592000" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/vip-base.css">
    <link rel="stylesheet" href="./css/vip-annual-fee-zone.css">
    <link rel="stylesheet" href="./css/vip-base-footer.css">
    <link rel="stylesheet" href="./upload/favicon.ico">
</head>

<body>
    <div class="hero hero--year">
        <div class="hero_wrap width">
            <!--年费页头部 S-->
            <div class="hero_content hero_year ">
                <div class="mod_title ">
                    <h2 class="title_con">年费绿钻豪华版</h2>
                </div>
                <div class="hero_con__action">
                    <p class="hero_con__text">王者特权，至高无上</p>
                    <a class="mod_btn btn_md btn_bor btn--white js_open_yearvip" href="javascript:;"
                        data-code="xxzxhh_n" title="开通绿钻豪华版">开通绿钻豪华版</a>
                </div>
            </div>
            <div class="nav">
                <div class="width head">
                    <ul>
                        <li>
                            <img src="https://y.gtimg.cn/mediastyle/music_svip/img/logo.png?max_age=2592000&v=fa239e384c8df84e499677271e246c12"
                                alt="">
                        </li>
                        <li><a href="./vip-index.html" >首页</a></li>
                        <li><a href="./vip-power.html">特权与等级</a></li>
                        <li><a href="#"id="color">年费专区</a></li>
                    </ul>
                    <ul class="right">
                        <li>您还没有登录，</li>
                        <li><a href="#">请马上登录</a></li>
                    </ul>
                </div>
            </div>
            <!--年费页头部 E-->
        </div>
    </div>
    <!-- 年费绿钻独显特权 -->
    <div class="mod_year_idp width">
        <div class="container">
            <div class="mod_title">
                <h2 class="title_con1">年费绿钻独享特权</h2>
            </div>
            <ul class="year_idp__list">
                <li class="year_idp__item">
                    <a class="year_idp__item_link" title="每日15点绿钻成长值"><span class="pri_icon icon_pri_rocket"></span></a>
                    <p>每日15点绿钻成长值</p>
                </li>
                <li class="year_idp__item">
                    <a class="year_idp__item_link" title="点亮年费绿钻图标"><span class="pri_icon icon_pri_year"></span></a>
                    <p>点亮年费绿钻图标</p>
                </li>
                <li class="year_idp__item">
                    <a class="year_idp__item_link" title="功能大提升 直接享受LV5特权"><span
                            class="pri_icon icon_pri_speedup"></span></a>
                    <p>功能大提升 直接享受LV5特权</p>
                </li>
                <li class="year_idp__item">
                    <a class="year_idp__item_link" title="支付一年年费 奖励200点成长值"><span
                            class="pri_icon icon_pri_gift"></span></a>
                    <p>支付一年年费 奖励200点成长值</p>
                </li>
                <li class="year_idp__item">
                    <a class="year_idp__item_link" title="赠送好友背景音乐有效期翻倍"><span
                            class="pri_icon icon_pri_bgmusic"></span></a>
                    <p>赠送好友背景音乐有效期翻倍</p>
                </li>
                <li class="year_idp__item">
                    <a class="year_idp__item_link" title="200元生活福利特权"><span class="pri_icon icon_pri_xuanwu"></span></a>
                    <p>200元生活福利特权</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 年费支付方式 -->
    <div class="mod_pay_intro">
        <div class="container width">
            <ul class="pay_intro__list">
                <li class="pay_intro__item">
                    <span class="icon_round icon_r_open">
                        <span class="pay_intro__tip">
                            <span class="pay_intro__tip_head"></span>
                            <span class="pay_intro__tip_foot"></span>
                        </span>
                    </span>
                    <h3 class="pay_intro__tit">最尊贵服务体验</h3>
                    <p class="pay_intro__text">开通年费更划算</p>
                </li>
                <li class="pay_intro__item">
                    <span class="icon_round icon_r_pay">
                        <span class="pay_intro__tip">
                            <span class="pay_intro__tip_head"></span>
                            <span class="pay_intro__tip_foot"></span>
                        </span>
                    </span>
                    <h3 class="pay_intro__tit">支付方式</h3>
                    <p class="pay_intro__text">使用网银/财付通享受优惠折扣</p>
                </li>
                <li class="pay_intro__item">
                    <span class="icon_round icon_r_stages">
                        <span class="pay_intro__tip">
                            <span class="pay_intro__tip_head"></span>
                            <span class="pay_intro__tip_foot"></span>
                        </span>
                    </span>
                    <h3 class="pay_intro__tit">豪华绿钻有效期</h3>
                    <p class="pay_intro__text">VIP服务时长=充值时长</p>
                </li>
                <li class="pay_intro__item">
                    <span class="icon_round icon_r_year">
                        <span class="pay_intro__tip">
                            <span class="pay_intro__tip_head"></span>
                            <span class="pay_intro__tip_foot"></span>
                        </span>
                    </span>
                    <h3 class="pay_intro__tit">点亮专属年费图标</h3>
                    <p class="pay_intro__text">多平台共享专属年费图标</p>
                </li>
                <li class="pay_intro__item">
                    <span class="icon_round icon_r_grow">
                        <span class="pay_intro__tip">
                            <span class="pay_intro__tip_head"></span>
                            <span class="pay_intro__tip_foot"></span>
                        </span>
                    </span>
                    <h3 class="pay_intro__tit">成长值奖励</h3>
                    <p class="pay_intro__text">年费豪华绿钻获赠200点成长值</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部公共区域 -->
    <div class="footer_copyright">
        <p>
            <a href="//www.tencent.com/" rel="nofollow" target="_blank" title="关于腾讯">关于腾讯</a> |
            <a href="//www.tencent.com/index_e.shtml" rel="nofollow" target="_blank" title="About Tencent">About Tencent</a> |
            <a href="//www.qq.com/contract.shtml" rel="nofollow" target="_blank" title="服务条款">服务条款</a> |
            <a href="//y.qq.com/y/static/tips/service_tips.html" rel="nofollow" target="_blank" title="用户服务协议">用户服务协议</a> |
            <a href="//www.tencentmind.com/" rel="nofollow" target="_blank" title="广告服务">广告服务</a> |
            <a href="//hr.tencent.com/" rel="nofollow" target="_blank" title="腾讯招聘">腾讯招聘</a> |
            <a href="https://y.qq.com/m/client/helper/pc.html" rel="nofollow" target="_blank" title="客服中心">客服中心</a> |
            <a href="//www.qq.com/map/" rel="nofollow" target="_blank" title="网站导航">网站导航</a>
        </p>

        <p>Copyright © 1998 - <script type="text/javascript">document.write(new Date().getFullYear());</script>2022 Tencent. <a target="_blank" href="//www.tencent.com/en-us/le/copyrightstatement.shtml" rel="nofollow" title="All Rights Reserved.">All Rights Reserved.</a></p>
        <p>腾讯公司 <a target="_blank" href="https://y.qq.com/music/common/upload/t_cm3_photo_publish/3525317.jpg" rel="nofollow" title="版权所有">版权所有</a> 网络文化经营许可证：<a target="_blank" href="https://y.qq.com/music/common/upload/t_cm3_photo_publish/3525317.jpg" rel="nofollow" title="粤网文[2018]6725-2386号">粤网文[2018]6725-2386号</a></p>
    </div>
</body>

</html>